<!DOCTYPE html>
<html id="replace-style" lang="zh">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
    <title>保养项管理</title>

</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
    <ul>
        <li>首页</li>
        <li>设备保养</li>
        <li>保养项管理</li>
    </ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>

<!-- 底部 -->
<div th:replace="common/foot" >
</div>

<!--主体内容-->
<div class="page-container">

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12">
            <h2 class="page-section-title">查询条件</h2>
        </div>
    </div>

    <div class="container-fluid query-frame-wrap mb-10 clearfix">
        <div class="col-lg-3">
            <div class="query-frame">
                <label>保养项编号</label>
                <input type="text" class="form-control queryItem" id="itemCode"/>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="query-frame">
                <label>保养项名称</label>
                <input type="text" class="form-control queryItem" id="itemName"/>
            </div>
        </div>
        <div class="col-lg-3 col-lg-offset-3">
            <div class="query-frame query-button">
                <img th:src="@{/image/search.png}" id="queryItem"/>
                <img th:src="@{/image/rest.png}" id="resetItem" class="reset"/>
            </div>
        </div>
    </div>

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12 rlt">
            <h2 class="page-section-title">保养项列表</h2>
            <ul class="table-tool">

                <li id="batchImport">
                    <span class="icon-piliang" aria-hidden="true"></span>
                    <label>批量导入</label>
                </li>
                <li id="downloadTemplate">
                    <span class="icon-xiazai" aria-hidden="true"></span>
                    <label>下载模板</label>
                </li>
                <li id="addItem" shiro:hasPermission="app.maintain.maintenanceItem.saveItem.save.mvc">
                    <span class="icon-list_add" aria-hidden="true"></span>
                    <label>新增</label>
                </li>
                <li id="updateItem" shiro:hasPermission="app.maintain.maintenanceItem.saveItem.save.mvc">
                    <span class="icon-list_xiugai" aria-hidden="true"></span>
                    <label>修改</label>
                </li>

                <li id="delItem" shiro:hasPermission="app.maintain.maintenanceItem.delItemById.del.mvc">
                    <span class="icon-list_shanchu" aria-hidden="true" ></span>
                    <label>删除</label>
                </li>
                <li id="refreshItem" class="last">
                    <span class="icon-list_shuaxin" aria-hidden="true"></span>
                    <label>刷新</label>
                </li>
            </ul>
        </div>
    </div>

    <div class="container-fluid table-container">
        <table id="itemTable">

        </table>
    </div>
</div>

<!--模态框-表单验证和文件上传-->
<div class="modal fade itemForm" id="myModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false"
>
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Newly added</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-12">
                        <form id="defaultForm" method="post" class="form-horizontal itemFormTable" action="">
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-5">保养项编号</label>
                                <div class="col-lg-7">
                                    <input type="text" class="form-control" name="itemCode" value="" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-5">保养项名称</label>
                                <div class="col-lg-7">
                                    <input type="text" class="form-control" name="itemName" value="" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label">保养方法</label>
                                <div class="col-lg-7">
                                    <input type="text" class="form-control" name="maintenanceMethod" value="" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label">工具/耗材</label>
                                <div class="col-lg-7">
                                    <input type="text" class="form-control" name="toolSupplies" value="" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-3">停机项</label>
                                <div class="col-lg-7">
                                    <select class="form-control stopItem" name="stopItem">
                                        <option selected="selected" value="">请选择</option>
                                        <option value="0">是</option>
                                        <option value="1">否</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-3">品质项</label>
                                <div class="col-lg-7">
                                    <select class="form-control qualityItem" name="qualityItem">
                                        <option selected="selected" value="">请选择</option>
                                        <option value="0">是</option>
                                        <option value="1">否</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label">备注</label>
                                <div class="col-lg-7">
                                    <input type="text" class="form-control" name="remark" value="" />
                                </div>
                            </div>

                            <!-- 隐藏唯一id -->
                            <input type="hidden" name="pkId" id="pkId" value="" />
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary yes">保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<form id="batchImportForm"  class="form-horizontal tool-maintain-item-form" action="">
    <div class="modal fade" id="batchImportModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="form-group">
                            <label class="col-lg-4 control-label">上传文件</label>
                            <div class="col-lg-7">
                                <input class="form-control" type="file" name="file" id="batchImportFile"/>
                            </div>
                        </div>
                        <div class="error-tips" id="batchImportTips" style="padding-left: 210px;color: red;display:none"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</form>


<script th:src="@{/js/lifeCycle/equipLifeCycle/maintain/item.js}"></script>
<script th:src="@{/3thExt/template-web.js}" src="../../static/3thExt/template-web.js"></script>
</body>
</html>